<template>
  <div class="taxi-content">
    <div class="taxi-head">
      <router-link to="/user/setting" class="taxi-left">
          <span class="iconfont icon-fanhui">
          </span>
      </router-link>
      <h3>更改密码</h3>
    </div>
      <ul>
        <li class="item " >
          <div class="item-info">
            <h4 class="item-desc">.</h4>
          </div>
        </li>

        <li class="item-info2">
          <mt-field label="旧密码" placeholder="请输入旧密码" v-model="username"></mt-field>
        </li >
        <li class="item-info2">
          <mt-field label="新密码" placeholder="请输入新密码" v-model="username"></mt-field>
        </li >
        <li class="item-info2">
          <mt-field label="确认新密码" placeholder="请再次输入新密码" v-model="username"></mt-field>
        </li >
      </ul>
    <button ><h3>更  改</h3></button>
  </div>
</template>

<script>
    export default {
        name: "Password"
    }
</script>

<style scoped>
  .taxi-head{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 50px;
    line-height: 15vw;
    background: rgb(243, 236, 249);
    color: #2b2b2b;
    text-align:center;
  }

  .taxi-left{
    width: 38px;
    height: 38px;
    display: block;
    float: left;
    color: #00A5ED
  }
  .taxi-content {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    color: #999;
    background-color: #fff;
    text-align: left;
  }
  .item{
    top:0px;
    width: 100%;
    height: 50px;
    background-color: rgba(243, 236, 249, 0);
  }
  .item-info {
    width: 100%;
    height: 50px;
    background-color: rgb(255, 251, 251);

  }
  .item-info2{
    color: #2b2b2b;
    height: 60px;
    line-height: 60px;
    border-bottom: #d1d1d1 solid 1px;
  }


  button{
    background-color: #379bff;
    width: 100%;
    height: 50px;
    color: #ffffff;
  }
</style>
